/*
 * @Author: duanruilong
 * @Date: 2023-04-11 09:48:58
 * @LastEditors: Drlong drl1210@163.com
 * @LastEditTime: 2023-04-14 18:09:42
 * @Description:
 */
 

$(function () {
  window.localStorage.setItem("index_v_1", 0)
  window.localStorage.setItem("index_v_2", 0)
  window.localStorage.setItem("index_v_3", 0)
  window.localStorage.setItem("index_v_4", 0)
 

  $('.cent1').toggleClass('cent1_ac');
  $('.cent1').removeClass('cent1_ach');
  $('.title1_tit').toggleClass('title1_tit_ac');
  $('.title1_tit').removeClass('title1_tit_ach');
  $('.title1_in').toggleClass('title1_in_ac');
  $('.title1_in').removeClass('title1_in_ach');
  $('.video_interact').css({ "opacity": 1 });

  // 第一屏切换视频
  $('.video_interact').click(function () {
    
    var video_1 = document.getElementById('video_cent1');
    var index_v_vv = Number(window.localStorage.getItem("index_v_1"))
    var vList1 = [
      './video/B001.mp4',
        './video/B002.mp4',
        './video/B003.mp4',
    ]; // 初始化播放列表，这里的url要用相对路径
    var vList1_one = vList1[index_v_vv != null ? index_v_vv : 0];
    console.log(index_v_vv, '11111化播放列表 :>> ', vList1_one);

    video_1.src = vList1_one;
    video_1.load();
    setTimeout(() => {
      video_1.play();
    }, 1000);
    window.localStorage.setItem("index_v_1", index_v_vv != null && (index_v_vv) < 1 ? index_v_vv + 1 : 0)
  });

  $('.box').fullpage({
    navigation: true,
    navigationTooltips: [''],
    navigationColor: '#eee',
    anchors: [
      'ping1',
      'ping2',
      'ping3',
      'ping4',
      'ping5',
      'ping6',
      'ping7',
      'ping8',
    ],
    afterLoad: function (anchorLink, index) {
      if (index == 1) {
        console.log('第一个 :>> ', 11111);
        $('.cent1').toggleClass('cent1_ac');
        $('.cent1').removeClass('cent1_ach');
        $('.title1_tit').toggleClass('title1_tit_ac');
        $('.title1_tit').removeClass('title1_tit_ach');
        $('.title1_in').toggleClass('title1_in_ac');
        $('.title1_in').removeClass('title1_in_ach');
        $('.video_interact').css({ "opacity": 1 });
        $('.title1').css({ "opacity": 1 });

        // $('.cent1').animate({top:'0px',opacity:1},400);
        // setTimeout(() => {
        //   $('.title1_tit').animate({top:'0px',opacity:1},400);
        // }, 2000);
        // setTimeout(() => {
        //   $('.title1_in').animate({top:'120px',opacity:1},400);
        // }, 3000);

        

        // 文字
        // clearInterval(changeInterval1_1);
        // var position = -1;
        // var changeInterval1 = setInterval(function () {
        //   if (position + 1 < tList0.length) {
        //     position = position += 1;
        //   } else {
        //     position = 0;
        //     clearInterval(changeInterval1);
        //   }
        //   document.getElementById('text_0').innerHTML = tList0[position].title;
        //   document.getElementById('textp_0').innerHTML = tList0[position].info;
        // }, 2000); 

      } else if (index == 2) {
        $('.cent_2').removeClass('cent_2_ach');
        $('.cent_2').toggleClass('cent_2_ac');
        $('.video_interact_2').removeClass('video_interact_ach');
        $('.video_interact_2').toggleClass('video_interact_ac');
        var vList2 = [
          './video/C002.mp4',
          './video/C003.mp4',
        ]; // 初始化播放列表，这里的url要用相对路径


        var video_2 = document.getElementById('video_cent_2');
        // 第2屏切换视频
        $('.video_interact_2').click(function () {
          $('.cent_2').removeClass('cent_2_ac');
          $('.cent_2').toggleClass('cent_2_ach');
          $('.video_interact_2').removeClass('video_interact_ac');
          $('.video_interact_2').toggleClass('video_interact_ach');
         
          // $('.video_interact_2').css({ "opacity": 0 });
          setTimeout(() => {
            $('.cent_2_video').removeClass('cent_2_v_ach');
            $('.cent_2_video').toggleClass('cent_2_v_ac');
          }, 200);

          var index_v_v2 = Number(window.localStorage.getItem("index_v_2"))
          var vList1_one = vList2[index_v_v2 != null ? index_v_v2 : 0];
          video_2.src = vList1_one;
          video_2.load();
          video_2.play();
          window.localStorage.setItem("index_v_2", index_v_v2 != null && (index_v_v2) < vList2.length - 1 ? index_v_v2 + 1 : 0)
          setTimeout(() => {
            $('.cent_2_video').removeClass('cent_2_v_ac');
            $('.cent_2_video').toggleClass('cent_2_v_ach');
          }, 3000);
          setTimeout(() => {
            $('.cent_2').removeClass('cent_2_ach');
            $('.cent_2').toggleClass('cent_2_ac');
            // $('.video_interact_2').css({ "opacity": 1 });
            $('.video_interact_2').removeClass('video_interact_ach');
            $('.video_interact_2').toggleClass('video_interact_ac');
          }, 4000);
        });
 
      } else if (index == 3) {
        $('.cent_3').toggleClass('cent_3_ac');
        $('.cent_3').removeClass('cent_3_ach');
        $('.title3_tit').toggleClass('title3_tit_ac');
        $('.title3_tit').removeClass('title3_tit_ach');
        $('.video_interact_3').css({ "opacity": 1 });

       setTimeout(() => {
        $('.title3_in').toggleClass('title3_in_ac');
        $('.title3_in').removeClass('title3_in_ach');
       }, 100);


        setTimeout(() => {
          $('.title3_tit_2').toggleClass('title3_tit_2_ac');
          $('.title3_tit_2').removeClass('title3_tit_2_ach');
          $('.title3_in_2').toggleClass('title3_in_2_ac');
          $('.title3_in_2').removeClass('title3_in_2_ach');
        }, 1600);

        var video_3 = document.getElementById('video_cent_3');
        var vList2 = [
          './video/A001.mp4',
          './video/A002.mp4',
          './video/A003.mp4',
        ]; // 初始化播放列表，这里的url要用相对路径
        // var vList2_one = vList2[Math.floor(Math.random() * vList2.length)];
        // video_3.src = vList2_one;
        // video_3.load();
        // video_3.play();

        // 第3屏切换视频
        $('.video_interact_3').click(function () {
          var index_v_vv = Number(window.localStorage.getItem("index_v_3"))
          var vList1_one = vList2[index_v_vv != null ? index_v_vv : 0];
          console.log(index_v_vv, '化播放列表 :>> ', vList1_one);

          video_3.src = vList1_one;
          video_3.load();
          video_3.play();
          window.localStorage.setItem("index_v_3", index_v_vv != null && (index_v_vv) < 2 ? index_v_vv + 1 : 0)
        });

 
      } else if (index == 4) {
        $('.title4_tit').toggleClass('title4_tit_ac');
        $('.title4_tit').removeClass('title4_tit_ach');

        setTimeout(() => {
         
          $('.title4_in').toggleClass('title4_in_ac');
          $('.title4_in').removeClass('title4_in_ach');
        }, 1000);
        setTimeout(() => {
          $('.text_4_but').toggleClass('text_4_but_ac');
          $('.text_4_but').removeClass('text_4_but_ach');
        }, 2000);

        // window.onmousewheel = document.onmousewheel = (e) => {
        //   if (e.wheelDelta < 0&&e.clientY>300) {
        //     console.log("鼠标滚轮后滚",e.clientY)
        //     setTimeout(() => {
        //       // window.location.href = "about.html"; //跳转
        //   }, 600);
         
        //   }else if(e.wheelDelta > 0){
        //     $.fn.fullpage.moveSectionDown();
        //   }
      
        // }

        var video_4 = document.getElementById('video_cent_4');
        var vList4 = [
          './video/B001.mp4',
          './video/B002.mp4',
          './video/B003.mp4',
        ]; // 初始化播放列表，这里的url要用相对路径
        var vList4_one = vList4[Math.floor(Math.random() * vList4.length)];
        video_4.src = vList4_one;
        video_4.load();
        video_4.play();
        // 第4屏切换视频
        $('.video_interact_4').click(function () {
          var index_v_vv = Number(window.localStorage.getItem("index_v_4"))
          var vList1_one = vList4[index_v_vv != null ? index_v_vv : 0];
          console.log(index_v_vv, '化播放列表 :>> ', vList1_one);

          video_4.src = vList1_one;
          video_4.load();
          video_4.play();
          window.localStorage.setItem("index_v_4", index_v_vv != null && (index_v_vv) < 2 ? index_v_vv + 1 : 0)
        });
      }
    },
    onLeave: function (index, nextIndex, direction) {
      console.log('onLeave :>> ', index, nextIndex, direction);
      if (index == 1) {
        $('.cent1').toggleClass('cent1_ach');
        $('.cent1').removeClass('cent1_ac');
        $('.title1_tit').toggleClass('title1_tit_ach');
        $('.title1_tit').removeClass('title1_tit_ac');
        $('.title1_in').toggleClass('title1_in_ach');
        $('.title1_in').removeClass('title1_in_ac');
        $('.video_interact').css({ "opacity": 0 });
        $('.title1').css({ "opacity": 0 });
      
      } else if (index == 2) {

        $('.cent_2').removeClass('cent_2_ac');
        $('.cent_2').toggleClass('cent_2_ach');
        $('.video_interact_2').removeClass('video_interact_ac');
        $('.video_interact_2').toggleClass('video_interact_ach');
      } else if (index == 3) {
        $('.cent_3').toggleClass('cent_3_ach');
        $('.cent_3').removeClass('cent_3_ac');
        $('.title3_tit').toggleClass('title3_tit_ach');
        $('.title3_tit').removeClass('title3_tit_ac');
        $('.title3_in').toggleClass('title3_in_ach');
        $('.title3_in').removeClass('title3_in_ac');

        $('.title3_tit_2').toggleClass('title3_tit_2_ach');
        $('.title3_tit_2').removeClass('title3_tit_2_ac');
        $('.title3_in_2').toggleClass('title3_in_2_ach');
        $('.title3_in_2').removeClass('title3_in_2_ac');
        $('.video_interact_3').css({ "opacity": 0 });

        // $('.title_r').removeClass('active_r');
        // $('.title_r').toggleClass('active_r1');
        // $('.img12').removeClass('active2');
        // $('.img12').toggleClass('active22');
        // $('.y-ain1').removeClass('active3');
        //  document.getElementById('video_cent3').src='';
      } else if (index == 4) {
        $('.cent_4').toggleClass('cent_4_ach');
        $('.cent_4').removeClass('cent_4_ac');
        $('.title4_tit').toggleClass('title4_tit_ach');
        $('.title4_tit').removeClass('title4_tit_ac');
        $('.title4_in').toggleClass('title4_in_ach');
        $('.title4_in').removeClass('title4_in_ac');
        $('.text_4_but').toggleClass('text_4_but_ach');
        $('.text_4_but').removeClass('text_4_but_ac');
      }
    },
    afterRender: function(){
      var pluginContainer = $(this);
      console.log('afterRender :>> ', pluginContainer);
    }
  });

  $('.video_play_img').click(function () {
    console.log('222222 :>> ', 222222);
    document.getElementById("video_cent1").play();
    $('.video_play').css({ "opacity": 0 });
  });

  $('.updown').click(function () {
    $.fn.fullpage.moveSectionDown();
  });

  $('.nav-app').hover(
    function () {
      $('.erweima').css({
        display: 'block',
      });
    },
    function () {
      $('.erweima').css({
        display: 'none',
      });
    }
  );
});
